<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
<script src="./utils.js"></script>
<script>
// 英文：
  // module - 模块
  // utils -> 工具包
// 「模块化」是 一种「设计模式」

// 设计模式是什么？
  // 设计模式是一种“思想”，每一种设计模式，是为了 解决 特定问题。
  // 所以，设计模式 不和 行业 不和 编程语言相关；


// 什么叫 前端的模块化 - Module
  // 前端的模块化设计模式，有很多中「技术解决方案」
    // ES6 提出的模块化解决方案叫：ESM   ->  ES Module

// 模块化解决了什么问题：
  // script src 引入文件会出现问题：
    // 命名冲突： src 里面所有的变量 和 函数 名，我后续的代码，不能再 重复叫 这个名字

</script>